﻿@model IEnumerable<MVC_basic.Models.App>

@{
    ViewBag.Title = "Apps";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
@Styles.Render("~/Content/css/style.css")

<h1 class="subheader">Install new apps</h1>

<div style="width:700px">
<ul class="large-block-grid-4 small-block-grid-1">
    @foreach(var app in Model)
    {   
        <li>@Html.ActionLink(app.name, "Index", app.appType, new { id = app.id }, new { @id=app.id, @class="logo", @style="background: url("+app.logoUrl+") no-repeat top left; background-size:100px;", @oncontextmenu="javascript:unistall(" + app.id + "," + "'" + app.name + "'" + ");return false;" })
            @Html.ActionLink(app.name, "Index", app.appType)
        </li>
    }
    @foreach(var app in Model)
    {   
        <li>@Html.ActionLink(app.name, "Index", app.appType, new { id = app.id }, new { @id=app.id, @class="logo", @style="background: url("+app.logoUrl+") no-repeat top left; background-size:100px;", @oncontextmenu="javascript:unistall(" + app.id + "," + "'" + app.name + "'" + ");return false;" })
            @Html.ActionLink(app.name, "Index", app.appType)
        </li>
    }
    @foreach(var app in Model)
    {   
        <li>@Html.ActionLink(app.name, "Index", app.appType, new { id = app.id }, new { @id=app.id, @class="logo", @style="background: url("+app.logoUrl+") no-repeat top left; background-size:100px;", @oncontextmenu="javascript:unistall(" + app.id + "," + "'" + app.name + "'" + ");return false;" })
            @Html.ActionLink(app.name, "Index", app.appType)
        </li>
    }
</ul>
</div>